<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>结算</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/zhifu.css" />
	</head>

	<body>
		<div class="header">
			<div class="center">
				<div class="left">
					<img src="image/logo_top.png" />
					<h1>确认订单</h1>
				</div>
				<div class="right">
					<p><span>风起时</span>我的订单</p>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="main">
				<div class="chenggong">
					<div class="img">
						<img src="image/img01.png" />
					</div>
					<div class="left">
						<h1>订单提交成功！去付款咯～</h1>
						<p>请在2小时0分内完成支付, 超时后将取消订单</p>
						<p>收货信息：风起时 188****5761 河南 郑州市 高新技术开发区 全境 药厂街祝福红城3期5栋2单元184号</p>
					</div>
					<div class="right">
						<h1>应付总额：1898.00元</h1>
						<p>查看详情</p>
					</div>
				</div>
				<div class="title">选择以下支付方式付款</div>
				<div class="content">
					<p>支付平台</p>
					<div class="bank">
						<div><img src="image/img02.png" /></div>
						<div><img src="image/img03.png" /></div>
						<div><img src="image/img04.png" /></div>
						<div><img src="image/img05.png" /></div>
					</div>
					<div class="p">
						<p>支 付 宝：支付宝扫码支付，赢1999元红包</p>
						<p>小米钱包：绑定新卡支付，享最高立减99元</p>
						<p>了解更多>></p>
					</div>
					<p style="margin-top: 20px;">银行借记卡及信用卡</p>
					<div class="bank">
						<div><img src="image/img06.png" /></div>
						<div><img src="image/img07.png" /></div>
						<div><img src="image/img08.png" /></div>
						<div><img src="image/img09.png" /></div>
						<div><img src="image/img10.png" /></div>
						<div><img src="image/img11.png" /></div>
						<div><img src="image/img12.png" /></div>
						<div><img src="image/img13.png" /></div>
						<div><img src="image/img14.png" /></div>
						<div><img src="image/img15.png" /></div>
						<div><img src="image/img16.png" /></div>
						<div><img src="image/img17.png" /></div>
					</div>
					<p>快捷支付（支持以下各银行信用卡以及部分银行借记卡）</p>
					<div class="bank">
						<div><img src="image/img05.png" /></div>
						<div><img src="image/img03.png" /></div>
						<div><img src="image/img04.png" /></div>
						<div><img src="image/img06.png" /></div>
						<div><img src="image/img07.png" /></div>
						<div><img src="image/img08.png" /></div>
						<div><img src="image/img09.png" /></div>
						<div><img src="image/img10.png" /></div>
						<div><img src="image/img11.png" /></div>
						<div><img src="image/img12.png" /></div>
						<div><img src="image/img13.png" /></div>
						<div><img src="image/img14.png" /></div>
						<div><img src="image/img15.png" /></div>
						<div><img src="image/img16.png" /></div>
						<div><img src="image/img17.png" /></div>
					</div>
					<div class="kong"></div>
					<p>分期付款</p>
					<div class="bank">
						<div><img src="image/img19.png" /></div>
						<div><img src="image/img18.png" /></div>
						<div><img src="image/img04.png" /></div>
					</div>
				</div>
			</div>
		</div>
		<!--end footer -->
		<div class="foot">
			<div class="foot-top">
				<ul>
					<li>
						<img src="image/add.png" />
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<img src="image/seven.png" />
						<a href="#">7天无理由退货</a>
					</li>
					<li>
						<img src="image/five.png" />
						<a href="#">15天免费换货</a>
					</li>
					<li>
						<img src="image/you.png" />
						<a href="#">满150包邮</a>
					</li>
					<li>
						<img src="image/add.png" />
						<a href="#">520余家售后网点</a>
					</li>
				</ul>
			</div>
			<div class="foot-middle">
				<div class="middle-left">
					<div class="middle-list">
						<ul>
							<li class="list-head">帮助中心</li>
							<li>
								<a href="#">账户管理</a>
							</li>
							<li>
								<a href="#">购物指南</a>
							</li>
							<li>
								<a href="#">订单操作</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">服务支持</li>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">自助服务</a>
							</li>
							<li>
								<a href="#">相关下载</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">线下门店</li>
							<li>
								<a href="#">道恩之家</a>
							</li>
							<li>
								<a href="#">服务网点</a>
							</li>
							<li>
								<a href="#">零售网点</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关于道恩</li>
							<li>
								<a href="#">了解道恩</a>
							</li>
							<li>
								<a href="#">加入道恩</a>
							</li>
							<li>
								<a href="#">联系我们</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">关注我们</li>
							<li>
								<a href="#">新浪微博</a>
							</li>
							<li>
								<a href="#">官方微信</a>
							</li>
						</ul>
					</div>
					<div class="middle-list">
						<ul>
							<li class="list-head">特色服务</li>
							<li>
								<a href="#">礼物码</a>
							</li>
							<li>
								<a href="#">防伪查询</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="middle-right">
					<div class="middle-text">
						<span class="number">400-100-5678</span><br />
						<span>周一至周日 8:00-18:00</span><br />
						<span>(仅收市话费)</span><br />
						<span class="customer"><a href="#">24小时在线客服</a></span>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer-0">
				<div class="footer-left">
					<div class="footer-img">
						<img src="image/logo_top.png" />
					</div>
					<div class="footer-p">
						<p>道恩商城|MIUI|米聊|多看书城|道恩路由器|视频电话|道恩天猫店|道恩淘宝直营店|道恩网盟|道恩移动|隐私政策|Select Region</p><br />
						<p>@mi.com 京ICP证110507号 京ICP备10046444号京公网安备11010802020134号 京网文[2014]0059-0009号</p><br />
						<p> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
				</div>
				<div class="footer-right">
					<img src="IMDP/193ef991df6a9047ac6784e9550986c1.png" />
				</div>
			</div>
		</div>
	</body>

</html>